import React, { Component } from 'react';


class App extends Component {
    constructor(props) {
        super(props);
        this.state = {num:0}
    }
    render() { 
        const {num}=this.state;
        return (
        <>
        <h2>HELLO!</h2>
        <hr/>
    <button onClick={this.click}>{num}</button>
        </>
        
        );
    };


    click=()=>{


        const {num}=this.state;
        num ++;
        this.setState({num});


        // alert(this.state.num);

    //1.setState跟踪数据，第一参数是修改数据，第二个是成功修改的反馈
        // this.setState((prev)=>({num:prev.num+1}),()=>{
        //     alert('成功修改!')
        // })
// 2.第一个{}=>修改数据，第二个反馈
        // this.setState({
        //     num:++this.state.num
        // },()=>{
        //     alert('成功!')
        // })

    }

}
 
export default App;